$(function () {
    addMaxEvent()
});

function addMaxEvent(ele) {
    let canMaxEle;
    if (!ele) {

        canMaxEle = $('div.can-max');
        if (!canMaxEle || !canMaxEle.length) {
            return
        }
    } else {
        ele.classList.add('can-max')
        canMaxEle = $(ele)
    }


    for (const canMaxEleElement of canMaxEle) {
        // 把原内容套在holder中
        const holder = document.createElement('div')
        if (canMaxEleElement.children && canMaxEleElement.children.length) {
            for (const holderElement of canMaxEleElement.children) {
                holder.appendChild(holderElement);
            }
        }
        canMaxEleElement.appendChild(holder)
        // 添加放大按钮
        const maxSpan = document.createElement('span');
        maxSpan.classList.add('icon')
        maxSpan.innerText = '+'
        canMaxEleElement.appendChild(maxSpan)
        // 添加缩小按钮
        const minSpan = document.createElement('span');
        minSpan.innerText = '-'
        minSpan.classList.add('icon')
        minSpan.classList.add('hidden')
        canMaxEleElement.appendChild(minSpan)

        $(maxSpan).on('click', function () {
            maxSpan.classList.add('hidden');
            minSpan.classList.remove('hidden')
            canMaxEleElement.classList.add('maxed')
        });
        $(minSpan).on('click', function () {
            minSpan.classList.add('hidden')
            maxSpan.classList.remove('hidden');
            canMaxEleElement.classList.remove('maxed')
        });
    }
}
